<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title>mui-player PC端扩展插件示例</title>
    <link rel="stylesheet" th:href="@{/static/video/mui-player.min.css}">
    <script th:src="@{/static/video/config.js}"></script>
    <script th:src="@{/static/video/mui-player.min.js}"></script>
    <script th:src="@{/static/video/mui-player-desktop-plugin.min.js}"></script>
</head>

<body>
    <h3 style="text-align: center;">PC端扩展插件示例</h3>
    <div id="mui-player" style="max-width: 700px;margin: auto"></div>
</body>
<script th:src="@{/static/js/jquery.js}"></script>
<script>
    var config = window.playerConfig;
    config.plugins = [
        typeof MuiPlayerDesktopPlugin == 'function' ? new MuiPlayerDesktopPlugin({
            thumbnails:{ // 缩略图配置
                // preview:['https://muiplayer.oss-cn-shanghai.aliyuncs.com/static/image/output_160x90_10x10_001.jpg'],
                tile:[10,10],
                scale:[160,90],
            },
        }) : {},
    ]

    console.log(config);
    var mp = new MuiPlayer(config);
    console.log(mp)

    var page = document.getElementById("#play-switch")
    console.log(page)

    // var current_time = document.getElementById("progress")
    // var progress = document.getElementsByClassName("progress")
    // console.log("当前时间为----")
    // console.log(current_time)
</script>

</html>